<template>
  <div class="login-box-1 login-box">
    <h1 class="login-title">欢迎使用</h1>
    <form class="login-main">
      <h2 class="login-compony-name">xxxx科技有限公司</h2>
      <div class="login__line"></div>
      <div class="login-input-item" style="margin-top:36px">
        <div class="login-input-icon user-icon"></div>
        <input class="login-input" type="text" v-model="username" placeholder="请输入用户名" />
      </div>
      <div class="login-input-item">
        <div class="login-input-icon password-icon"></div>
        <input class="login-input" type="password" v-model="password" placeholder="请输入密码" />
      </div>
      <div class="login-input-item">
        <input class="login-input vcode" type="text" v-model="vcode" placeholder="请输入验证码" />
        <img class="login-vcode" :src="imgSrc" alt="验证码" @click="refreshVCode" />
      </div>
      <div class="login-error-tip" v-show="errorTip">{{ errorTip }}</div>
      <data-v-btn type="primary" class="login-btn" style="width:100%" @click.native="submit">登录</data-v-btn>
    </form>
  </div>
</template>

<script>
import mixin from "./minin";
export default {
  mixins: [mixin],
};
</script>
